使用 React ，React Router 和樣式化的元件( styled-components )建立一個影像管理應用程式，使用超過 100 個以上的範例精通 CSS Grid
從這 2.5 小時的課程，你會學到
1. 使用超過100個 Grids 範例探索 CSS Grid 的屬性
2. 使用 React，React Router和樣式化的元件( styled-components )建立一個完整的影像庫應用程式
3. 響應式佈局: 使用 media queries 和 grid-template-areas 快速建立任何裝置的佈局
4. 樣式化的元件: 在 React 元件內部編寫 CSS
5. 照片庫: 學習如何收集，並調整時尚的照片庫具有專業的外觀和感覺
6. 建立兩種佈局: 正方形( Square ) 和層疊形( Cascading )
7. React Router: 學習如何重新樣式化連結，使用搜尋參數匹配路由
8. 影像模型視窗( Image Modals ): 當一個影像模型視窗開啟時學習如何全域性鎖定捲動( lock scrolling )
https://softnshare.com/css-grid-with-react/
Search